{extend name="base/common"/}
{block name="script"}
<script type="text/javascript" src="__STATIC__/static/jquery.pin.js"></script>
<script>
    $(".dc-img").pin({
        containerSelector: "#dc-container",
    })
</script>
{/block}
{block name="body"}
<!-- Doctor single -->
<div class="ptb80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <h1 class="heading-title">教师 个人简介</h1><h4 class="sub-title mb30">Specialists</h4>
            </div>
        </div>
        <div class="row" id="dc-container">
            <div class="col-md-4">
                <img src="{$info.cover_id|get_cover='path'}" class="img-reposive img-circle dc-img mb50" alt="" />
            </div>
            <div class="col-md-8">
                <div class="dr-single-box">
                    <h3 class="dr-single-tile">{$info.name}</h3>
                    <div class="sub-tile">{$info.subject}</div>
                    <div class="dc-single-social">
                        <ul>
                            {if condition="$info.icon"}
                            <li><a href="#" class="twitter"><i class="{$info.icon}"></i></a></li>
                            {/if}
                            <li><a href="#" class="googleplus"><i class="fa fa-mobile-phone"></i></a></li>
                        </ul>
                    </div>
                    {$info.profile}
                </div>
                <div class="row">
                    <div class="col-md-12 text-center mt50">
                        <h1 class="mb0">Make your appointment now</h1>
                        <p class="mb30">Lorem Ipsum which looks reasonable generated Ipsum is therefore always.</p>
                        <a href="{:url('user/appointment?teacher='.$info.id)}" class="btn btn-default">Book appoinment</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Doctor single -->

<!-- CTA White section -->
<!--<div class="cta-white ptb70">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="mb0">Make your appointment now</h1>
                <p class="mb30">Lorem Ipsum which looks reasonable generated Ipsum is therefore always.</p>
                <a href="#" class="btn btn-default">Book appoinment</a>
            </div>
        </div>
    </div>
</div>-->
<!-- CTA White section -->

{/block}